<script src="@/js/more/more.js"></script>

<template>
    <div class="more" id="app">
        <div class="margins">


            <!-- ★ 导航 ★ -->
            <div class="navigations">

                <!-- 1、顶部左侧导航 -->
                <div class="leftNavigations">
                    <Breadcrumb separator=">">
                        <span v-for="item in topLeftNavigations" :key="item">
                            <BreadcrumbItem :to="item.link">
                                <Icon :type="item.icon" />
                                {{ item.title }}
                            </BreadcrumbItem>
                        </span>
                    </Breadcrumb>
                </div>

                <!-- 2、顶部右侧导航 -->
                <!-- <div class="rightNavigations">
                    更多工具：
                    <span v-for="item in topRightNavigations" :key="item" class="spacing">
                        <router-link :to="item.link">
                            {{ item.title }}
                            <Icon :type="item.icon" />
                        </router-link>
                    </span>
                    <span class="r"></span>
                </div> -->

                <div class="divider"><el-divider /></div>

            </div>


            <!-- ★ 功能卡片 ★ -->
            <div class="data">

                <div class="go">

                    <router-link to="/more/car">
                        <div class="item">
                            <Card class="card">
                                <div class="content">
                                    <img class="img" src="@/assets/pic/more/car.png" />
                                    <span class="text">
                                        购车择吉
                                        <Icon type="md-arrow-dropright-circle" />
                                    </span>
                                </div>
                            </Card>
                        </div>
                    </router-link>

                    <div class="item2">
                        <Card class="card">
                            <div class="content">
                                <div class="container">
                                    <Spin fix></Spin>
                                </div>
                                <span class="text">
                                    <Icon type="md-add-circle" />
                                    更多功能敬请期待 ...
                                </span>
                            </div>
                        </Card>
                    </div>

                </div>




            </div>


        </div>
    </div>
</template>

<style scoped lang="scss" src="@/css/more/more.scss"></style>
